<div class="container">
<form method="POST" action="{:U('User/profile')}">
    <table class="tb">
        <tr>
            <td align="right" width="18%"><label for="lang">{$Think.lang.user_language}:</label></td>
            <td><html:select id="lang" name="lang" options="langOptions" selected="langSelected" /></td>
        </tr>
        <tr>
            <td align="right"><label for="theme">{$Think.lang.user_theme}:</label></td>
            <td><html:select id="theme" name="theme" options="themeOptions" selected="themeSelected" /></td>
        </tr>
        <tr>
            <td align="right"><label for="timezone">{$Think.lang.user_timezone}:</label></td>
            <td><html:select id="timezone" name="timezone" options="timezoneOptions" selected="timezoneSelected" /></td>
        </tr>
        <tr>
            <td align="right"><label for="website">{$Think.lang.user_website}:</label></td>
            <td><input id="website" class="input" type="text" name="website" size="40" value="{$user.website}" /></td>
        </tr>
        <tr>
            <td align="right"><label for="location">{$Think.lang.user_location}:</label></td>
            <td><input id="location" class="input" type="text" name="location" size="40" value="{$user.location}" /></td>
        </tr>
        <tr>
            <td align="right"><label for="birthday">{$Think.lang.user_birthday}:</label></td>
            <td><input id="birthday" class="input" type="text" name="birthday" size="40" <empty name="user.birthday">value="{$Think.lang.user_birthday_explain} onclick="this.value=''"<else/>value="{$user.birthday}"</empty> /></td>
        </tr>
        <tr>
            <td align="right"><label for="gender">{$Think.lang.user_gender}:</label></td>
            <td><input id="gender" type="radio" name="gender" value="1" <eq name="user.gender" value="1">checked</eq> /> {$Think.lang.user_gender_male} &nbsp;<input type="radio" name="gender" value="0" <eq name="user.gender" value="0">checked</eq> /> {$Think.lang.user_gender_female}</td>
        </tr>
        <tr>
            <td align="right" valign="top"><label for="about">{$Think.lang.user_about}:</label></td>
            <td><textarea id="about" class="textarea" name="about" rows="5" cols="80">{$user.about}</textarea><span id="about-counter" class="counter"></span></td>
        </tr>
        <eq name="_userGroup.allow_invisible" value="1">
        <tr>
            <td align="right"><label for="invisible">{$Think.lang.user_hide_status}:</label></td>
            <td><input id="invisible" type="radio" name="invisible" value="1" <eq name="user.invisible" value="1">checked</eq> /> {$Think.lang.yes} &nbsp;<input type="radio" name="invisible" value="0" <eq name="user.invisible" value="0">checked</eq> /> {$Think.lang.no}</td>
        </tr>
        </eq>
        <tr>
            <td align="right"></td>
            <td>
            	<input class="button" type="submit" value="{$Think.lang.submit}" />
            	<input class="alt-button" type="button" value="{$Think.lang.reset}" />
    			<input type="hidden" name="uid" value="{$user.user_id}" />
            </td>
        </tr>
    </table>
</form>
</div>

<load href="__PUBLIC__/Js/jquery.artTxtCount.js" />
<script type="text/javascript">
$(function(){
    $('#about').artTxtCount($('#about-counter'), 500);
});
</script>